<template>
  <a-carousel class="banner"
              autoplay>
    <div class="banner-item"
         v-for="(item,index) in modlueData.banners"
         :key="index">
      <img :src="item.imageUrl">
    </div>
  </a-carousel>
</template>

<script>
import { ref, } from 'vue'
export default {
  props: {
    modlueData: Object
  },
  setup(props) {
  }
}
</script>

<style lang='scss' scoped >
.ant-carousel {
  &::v-deep(.slick-slide) {
    height: 225px;
    line-height: 225px;
    overflow: hidden;
    border-radius: 15px;
    img {
      height: 225px;
      width: 100%;
    }
  }
}
</style>